﻿@using ORM.Common.Helpers
@using ORM.Helpers
@using ORM.Resources
@{
    ViewBag.Title = "Thông tin cá nhân";
}
@model ORM.ViewModels.Account.ProfileViewModel
@using ORM.Framework.Security;
@using ORM.Common;

<table class="contentBox" width="100%">
                <tr>
                    <th class="boxTitle">Thành Viên @Model.User.Username</th>
                </tr>
<tr>
    <td style="vertical-align: top; padding-top: 10px">
        @if (Model.User == null)
        {
            @: User này không tồn tại hoặc đã bị xoá
        }
        else
        {
                             <div id="questionTabs" class="css-tabs" style="height: 33px;">
                <ul class="menu" id="" style="height: 100%">
                    <li id="tabs-1" style="height: 100%"><a href="#tabs-1" id="tab1" style="border-bottom: solid 1px white"
                        onclick="fcOn()">Thông Tin Cá Nhân</a> </li>
                    <li id="tabs-2" style="height: 100%"><a href="#tabs-2" id="tab2" onclick="fcOn2()">Hướng
                        Dẫn Đã Tạo</a> </li>
                    <li id="tabs-3" style="height: 100%"><a href="#tabs-3" id="tab3" onclick="fcOn3()">Câu
                        Hỏi Đã Tạo</a> </li>
                </ul>
            </div>
            <table id="table1" style="display: table; border-top: solid 1px #808080; width: 100%">
                <colgroup>
                    <col span="1" style="width: 18%" />
                    <col span="1" style="width: 82%" />
                </colgroup>
                <tr>
                    <td style="text-align: center; vertical-align: top; padding-top: 30px">
                        <div class="roundedField" style="background-color: lightsteelblue; padding-top: 10px;
                            padding-bottom: 10px">
                            <img src="@Url.UserAvatar(Model.User, ORM.Models.ImageType.Big)" alt="Ảnh đại diện" class="big-imgavatar" height="100px" width="100px" /><br />
                            <b>@Model.User.Username</b><br />
                            @Model.User.Ponit Điểm
                            <br />
                        </div>
                        <br />
                    </td>
                    <td style="vertical-align: top; padding-top: 23px; padding-left: 25px">
                        <table width="100%">
                            <colgroup>
                                <col span="1" style="width: 23%" />
                                <col span="1" style="width: 77%" />
                            </colgroup>
                            <tr>
                                <td>
                                    Tên Tài Khoản
                                </td>
                                <td>
                                    : @Model.User.Username
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Ngày Sinh
                                </td>
                                <td>
                                    :
                                    @if (Model.User.Birthday != null)
                                    {
                                        @Convert.ToDateTime(Model.User.Birthday).ToString("dd-MM-yyyy")
                                         
                                    }
                                    else
                                    {
                                        <span style="font-style: italic">Chưa cập nhật</span>
                                    }
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Giới Tính
                                </td>
                                <td>
                                    : 
                                    @if (Model.User.Sex != null)
                                    {
                                        @Model.User.Sex
                                    }
                                    else
                                    {
                                        <span style="font-style: italic">Chưa cập nhật</span>
                                    }
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align: top">
                                    Địa chỉ Email
                                </td>
                                <td>
                                    : @Model.User.Email
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Ngày Tham Gia
                                </td>
                                <td>
                                    : @if (Model.User.CreatedDate != null)
                                      {
                                        @Convert.ToDateTime(Model.User.CreatedDate).ToString("dd-MM-yyyy")
                                         
                                      }
                                </td>
                            </tr>
                            <tr>
                                <td style="vertical-align: top">
                                    Giới Thiệu Về Bản Thân
                                </td>
                                <td>
                                    :
                                    @if (Model.User.Hobbies != null)
                                    {
                                        @Model.User.Hobbies
                                    }
                                    else
                                    {
                                        <span style="font-style: italic">Chưa cập nhật</span>
                                    }
                                </td>
                            </tr>
                        </table>
                        <br />
                    </td>
                </tr>
            </table>
            <table id="table2" style="display: none; border-top: solid 1px #808080; width: 100%">
                <tr>
                    <td style="padding-top: 20px; width: 100%">
                        <div style="text-align: right; padding-right: 5px">
                            Tổng số: <b>@Model.CreatedGuide.Count()</b> bài
                        </div>
                        <br />
                        <table class="hovertable" width="100%">
                            <tr>
                                <th>
                                    Tiêu Đề
                                </th>
                                <th>
                                    Ngày Tạo
                                </th>
                                <th>
                                    Bình Luận
                                </th>
                                <th>
                                    Lượt Xem
                                </th>
                                <th>
                                    Lượt Thích
                                </th>
                            </tr>
                            @foreach (var guide in Model.CreatedGuide)
                            {
                                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
                                    <td>
                                        <a class="suggestLink" href="/Guide/Details/@guide.Id" title="@guide.Title">@StringHelper.Truncate(guide.Title, 80)</a><br />
                                    </td>
                                    <td>
                                        @guide.PostedDate.ToString("dd-MM-yyyy")
                                    </td>
                                    <td>
                                        @guide.Comments
                                    </td>
                                    <td>
                                        @guide.Views
                                    </td>
                                    <td>
                                        @guide.UpVotes
                                    </td>
                                </tr>
                            }
                        </table>
                    </td>
                </tr>
            </table>
            <table id="table3" style="display: none; border-top: solid 1px #808080; width: 100%">
                <tr>
                    <td style="padding-top: 20px; width: 100%">
                        <div style="text-align: right; padding-right: 5px">
                            Tổng số: <b>@Model.CreatedQuestion.Count()</b> câu hỏi</div>
                        <br />
                        <table class="hovertable" width="100%">
                            <tr>
                                <th>
                                    Tiêu Đề
                                </th>
                                <th>
                                    Ngày Tạo
                                </th>
                                <th>
                                    Lượt Thích
                                </th>
                                <th>
                                    Trả Lời
                                </th>
                                <th>
                                    Tình Trạng
                                </th>
                            </tr>
                            @foreach (var question in Model.CreatedQuestion)
                            {
                                <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
                                    <td>
                                        <a class="suggestLink" href="/Question/Details/@question.Id" title="@question.Title">@StringHelper.Truncate(question.Title, 55)</a><br />
                                    </td>
                                    <td>
                                        @question.PostedDate.ToString("dd-MM-yyyy")
                                    </td>
                                    <td>
                                        @question.UpVotes
                                    </td>
                                    <td>
                                        @question.Answers
                                    </td>
                                    <td>
                                        @if (question.IsResolved)
                                        {
                                            <span>Đã được giải quyết</span>
                                        }
                                        else
                                        {
                                            <span>Chưa được giải quyết</span>
                                        }
                                    </td>
                                </tr>
                            }
                        </table>
                    </td>
                </tr>
            </table>
            <br />
        }

    </td>
</tr>
</table>




    <script type="text/javascript">
          function fcOn() {
            document.getElementById("table1").style.display = "table";
            document.getElementById("table2").style.display = "none";
            document.getElementById("table3").style.display = "none";
            document.getElementById("tab2").style.borderBottom = "1px solid #808080";
            document.getElementById("tab3").style.borderBottom = "1px solid #808080";
            document.getElementById("tab1").style.borderBottom = "solid 1px white";
        }
        function fcOn2() {      
            document.getElementById("table1").style.display = "none";
            document.getElementById("table3").style.display = "none";
            document.getElementById("table2").style.display = "table";
            document.getElementById("tab1").style.borderBottom = "1px solid #808080";
            document.getElementById("tab3").style.borderBottom = "1px solid #808080";
            document.getElementById("tab2").style.borderBottom = "solid 1px white";
        }
        function fcOn3() {      
            document.getElementById("table1").style.display = "none";
            document.getElementById("table2").style.display = "none";
            document.getElementById("table3").style.display = "table";
            document.getElementById("tab1").style.borderBottom = "1px solid #808080";
            document.getElementById("tab2").style.borderBottom = "1px solid #808080";
            document.getElementById("tab3").style.borderBottom = "solid 1px white";
        }
    </script>


